<template>
  <div>
    <el-container>
      <el-main>
        <div class="contentShadow">
          <h1>学生其它成果</h1>
          <el-radio-group v-model="size">
            <el-radio label="">默认</el-radio>
            <el-radio label="medium">中等</el-radio>
            <el-radio label="small">小型</el-radio>
            <el-radio label="mini">超小</el-radio>
          </el-radio-group>
          <el-descriptions class="des" direction="vertical" :column="4" :size="size" border>
            <el-descriptions-item :span="4">
              <template slot="label">
                <i class="el-icon-s-promotion"></i>
                成果名称
              </template>
              {{ other.otherName }}
            </el-descriptions-item>
            <el-descriptions-item :span="1">
              <template slot="label">
                <i class="el-icon-user-solid"></i>
                姓名
              </template>
              <el-tag type="success" :size="size">
                {{ other.name }}
              </el-tag>
            </el-descriptions-item>
            <el-descriptions-item :span="1">
              <template slot="label">
                <i class="el-icon-user"></i>
                学号
              </template>
              <el-tag type="main" :size="size">
                {{ other.studentId }}
              </el-tag>
            </el-descriptions-item>
            <el-descriptions-item :span="1">
              <template slot="label">
                <i class="el-icon-paperclip"></i>
                类型
              </template>
              <el-tag type="warning" :size="size">
                {{ other.type }}
              </el-tag>
            </el-descriptions-item>
            <el-descriptions-item :span="1">
              <template slot="label">
                <i class="el-icon-date"></i>
                成果获取日期
              </template>
              <el-tag type="danger" :size="size">{{ other.date }}</el-tag>
            </el-descriptions-item>
            <el-descriptions-item :span="4">
              <template slot="label">
                <i class="el-icon-document"></i>
                描述
              </template>
              {{ other.description }}
            </el-descriptions-item>
          </el-descriptions>
        </div>
      </el-main>
    </el-container>
  </div>
</template>


<style scoped>

.des {
  font-size: larger;
}
</style>
<script>
import {findOtherDetail} from "@/api/admin";

export default {
  data() {
    return {
      size: '',
      other: {
        otherId: 0,
        otherName: '',
        type: '',
        date: '',
        description: '',
        fileName: '',
        studentId: '',
        name: '',
      }
    }
  },
  mounted() {
    this.other.otherId = Number(window.location.search.substring(4));
    findOtherDetail(this.other.otherId).then(res => {
      this.other = res.data
    })
  },
  methods: {}
}
</script>
